<template>
  
  <div class="common-layout">
    <el-container>
      
      <el-header><Nav></Nav></el-header>
      
      <el-main><router-view/></el-main>
      
      <el-footer><Footer><bottom_bar></bottom_bar></Footer></el-footer>
    
    </el-container>
  </div>

  
</template>


<script>
import Nav from "../views/Nav.vue";
import bottom_bar from "../components/bottom_bar.vue"

export default {
  components:{
    Nav,
    bottom_bar
  },
  name: 'Home',

  data() {
    return {
      
    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="css" scoped>

body{
  margin: 0;
  padding: 0;
}
*{
    font-family: '楷体', Times, serif;
}
.el-main{
  background-color: rgb(248, 251, 255);
}

 .el-header{
  margin: auto;
  width: 100%;
  height: 80px;
  text-align:center
  
} 

.el-header>div{
  margin: auto;
  width: 1200px;
}

.el-main{
  padding: 0px;
}

</style>